<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
  import { mapGetters, mapActions } from "vuex";
  export default {
    name: 'App',
    computed: {
      // ...mapGetters(["userInfo"])
    },
    data(){
      return {

      }
    },
    mounted() {

    },
    methods:{
      ...mapActions([
        // "getUserInfo",
      ])
    }
  }
</script>

<style>
  body {
    margin: 0;
    padding: 0;
  }
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    color: #2c3e50;
  }
  a {
    text-decoration: none;
  }
  a:link {
    color:cadetblue;
  }
  a:visit {
    color:darkslategray;
  }
  /* 固定表头高度 */
  .el-table__header tr,
  .el-table__header th {
    padding: 0px;
    height: 40px;
  }
  .el-table__body tr.current-row>td {
    background-color: rgb(210,226,255);
  }
  .el-table tbody tr:hover>td {
    background-color: rgb(232,240,255)!important;
    /* color: aliceblue; */
  }
  .el-radio__input.is-checked .el-radio__inner {
    border-color: #5576bd;
    background: #5576bd;
  }
  .el-pagination {
    background-color: #b9c9ec5e;
    height: 30px;
  }
  .el-tabs__nav-scroll {
  background-color: rgb(232,240,255);
}
.el-tabs :hover {
  color: rgb(120, 111, 167)!important;
}
.el-tabs__item.is-active {
  color: rgb(73, 64, 112)!important;
}
.el-button--primary.is-plain {
  color: #5576bd;
  background-color: rgb(232,240,254);
  border-color: rgba(85, 118, 189, 0.478);
}
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
  background-color: #5576bd;
  color: rgb(255, 255, 255);
  border-color: #5576bd;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: rgba(85, 118, 189, 0.478);
}
.el-button:focus, .el-button:hover {
  color: #5576bd;
  border-color: rgba(85, 118, 189, 0.478);
  background-color: rgb(232,240,254);
}
.el-button {
  font-size: 15px;
}
.el-button--text {
  color: rgb(118, 104, 184);
}
.el-button--text:hover,.el-button--text:focus {
  background-color: #fff;
  border: 1px solid #fff;
}
.el-button--small {
  padding: 7.5px 12px;
}
</style>
